import $ from "jquery"


function lightTheme() {
    $("html").attr("theme", "light")
    $(":root").css({
        '--right-bg-color': '#fff',
        '--right-color': '#000',
        '--user-bg-color': '#e5e2e2',
        '--user-color': '#000',
        '--send-problems-bg-color1': '#e5e2e2',
        '--send-problems-bg-color2': 'rgba(255,255,255,0)',
        '--table-gb-color': '#000',
        '--regenerate-color': '#000',
        '--regenerate-bg-color': '#fff',
        '--regenerate-bg-color-hover': '#d0d0d0',
        '--regenerate-border-color': '#d0d0d0',
        '--form-textarea-bg-color': '#fff',
        '--form-textarea-border-color': '#d0d0d0',
        '--form-textarea-color': '#000',
        '--send-button-bg-color': '#fff',
        '--send-button-color': '#d0d0d0',
        '--send-button-border-color': '#fff',
        '---phone-head-bg-color': '#fff',
        '--phone-head-color': '#000',
        '--phone-head-button-bg-color': '#fff',
        '--phone-head-button-bg-hover': '#d0d0d0',
        '--phone-head-button-border-color': '#fff',
        '--open-div-bg-color-hover': '#eeebeb'
    })
    $('.theme-select-btn span').eq(0).text('浅色')
}

function darkTheme() {
    $("html").attr("theme", "dark")
    $(":root").css({
    '--right-bg-color': '#434553',
    '--right-color': '#fff',
    '--user-bg-color': '#343540',
    '--user-color': '#fff',
    '--left-border-color': '#4e4e50',
    '--set-bg-color': 'rgba(86,88,105,.7)',
    '--table-bg-color': '#fff',
    '--set-close-bgn-color': 'rgba(142,142,160,1)',
    '--send-problems-bg-color1': '#343540',
    '--send-problems-bg-color2': 'rgba(67,69,83,0)',
    '--table-gb-color': '#fff',
    '--regenerate-color': '#fff',
    '--regenerate-bg-color': '#363741',
    '--regenerate-bg-color-hover': '#2f2f34',
    '--regenerate-border-color': '#6c6d7c',
    '--form-textarea-bg-color': '#414250',
    '--form-textarea-border-color': '#414250',
    '--form-textarea-color': '#fff',
    '--send-button-bg-color': '#414250',
    '--send-button-color': '#6c6d7c',
    '--send-button-border-color': '#40414f',
    '---phone-head-bg-color': '#434553',
    '--phone-head-color': '#fff',
    '--phone-head-button-bg-color': '#434553',
    '--phone-head-button-bg-hover': '#2f2f34',
    '--phone-head-button-border-color': '#434553',
    '--open-div-bg-color-hover': '#262525'
    })
    $('.theme-select-btn span').eq(0).text('深色')

}

function greenTheme() {
    $("html").attr("theme", "green")
    $(":root").css({
        '--right-bg-color': '#19c17c',
        '--right-color': '#000',
        '--user-bg-color': '#1ed98c',
        '--user-color': '#000',
        '--left-border-color': '#4e4e50',
        '--send-problems-bg-color1': '#1ed98c',
        '--send-problems-bg-color2': 'rgb(25,193,124,0)',
        '--table-gb-color': '#fff',
        '--regenerate-color': '#000',
        '--regenerate-bg-color': '#fff',
        '--regenerate-bg-color-hover': '#fff',
        '--regenerate-border-color': '#ededed',
        '--form-textarea-bg-color': '#fff',
        '--form-textarea-border-color': '#fff',
        '--form-textarea-color': '#000',
        '--send-button-bg-color': '#fff',
        '--send-button-color': '#d0d0d0',
        '--send-button-border-color': '#fff',
        '---phone-head-bg-color': '#19c17c',
        '--phone-head-color': '#000',
        '--phone-head-button-bg-color': '#19c17c',
        '--phone-head-button-bg-hover': '#1d9362',
        '--phone-head-button-border-color': '#19c17c',
        '--open-div-bg-color-hover': '#36a879'
    })
    $('.theme-select-btn span').eq(0).text('护眼绿')
}

function blueTheme() {
    $("html").attr("theme", "blue")
    $(":root").css({
        '--right-bg-color': '#6cdbff',
        '--right-color': '#000',
        '--user-bg-color': '#5ac0e1',
        '--user-color': '#000',
        '--send-problems-bg-color1': '#5ac0e1',
        '--send-problems-bg-color2': 'rgba(108,219,255,0)',
        '--table-gb-color': '#fff',
        '--regenerate-color': '#000',
        '--regenerate-bg-color': '#fff',
        '--regenerate-bg-color-hover': '#d0d0d0',
        '--regenerate-border-color': '#d0d0d0',
        '--form-textarea-bg-color': '#fff',
        '--form-textarea-border-color': '#fff',
        '--form-textarea-color': '#000',
        '--send-button-bg-color': '#fff',
        '--send-button-color': '#949494',
        '--send-button-border-color': '#fff',
        '---phone-head-bg-color': '#6cdbff',
        '--phone-head-color': '#000',
        '--phone-head-button-bg-color': '#6cdbff',
        '--phone-head-button-bg-hover': '#3bb2c2',
        '--phone-head-button-border-color': '#6cdbff',
        '--open-div-bg-color-hover': '#5dc1e1'
    })
    $('.theme-select-btn span').eq(0).text('天空蓝')
}

export {lightTheme, darkTheme, greenTheme, blueTheme}